<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width"/>
<style type="text/css">
    body {
          -webkit-user-select: text;
          font-family: Helvetica, Arial, sans-serif;
          margin-bottom:50px;
          margin-top:50px;
          line-height:1.4;
    }

    .long-clickable {
        -webkit-tap-highlight-color:  rgba(255, 255, 255, 0);
        -webkit-user-select: none;
    }

    .highlight-text {
        background-color:yellow;
        border: 1px solid black;
        color:black;
    }

    .highlight-image {
        position: absolute;
        background: yellow;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

    p {
        font-family: Helvetica, Arial, sans-serif;
    }

    .pretty-img {
       -webkit-tap-highlight-color:  rgba(255, 255, 255, 0);
       margin: 5px 10px 5px 0px;
    }

    .ink-img {
       margin: 5px 10px 5px 0px;
    }

    .pretty-attachment {
   	    width:320px;
        height: 48px;

        margin-bottom: 6px;
        margin-top: 6px;
        padding-top: 3px;
        padding-bottom: 3px;

        display:table;
        table-layout: fixed;

        font-size: 14px;
        background-color:#fbfbfb;
        border-bottom: 1px solid #e4e4e4;
        border-top: 1px solid #e4e4e4;
    }

    .attachment-cell {
        display: table-cell;
        vertical-align: middle;

    }

    .attachment-cell-right {
        display: table-cell;
        vertical-align: middle;
        padding:  0px 12px 0px 12px;
        color: #666a6b;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
	}

    .attachment-icon {
        width: 48px;
        height: 48px;
        margin:auto;
    }

    .attachment-type-unknown {
        /*
        background-color: #828e86;
        -webkit-box-shadow:inset 0px -3px 0px 0px rgba(0,0,0,0.15);
        */
    }
    .attachment-type-pdf {
        /*
        background-color: #ff00ff;
        -webkit-box-shadow:inset 0px -3px 0px 0px rgba(0,0,0,0.15);
        */
    }
    .attachment-type-doc {
        /*
        background-color: #599ac3;
        -webkit-box-shadow:inset 0px -3px 0px 0px rgba(0,0,0,0.15);
        */
    }
    .attachment-type-xls {
        /*
        background-color: #4cbf6c;
        -webkit-box-shadow:inset 0px -3px 0px 0px rgba(0,0,0,0.15);
        */
    }
    .attachment-type-pres {
        /*
        background-color: #cbc041;
        -webkit-box-shadow:inset 0px -3px 0px 0px rgba(0,0,0,0.15);
        */
    }

    .attachment-padding {
        display: table-cell;
        height: 48px;
        width: 8px;
    }

    div.video-thumbnail {
      position:relative;
      width:300px;
      height:300px;
      margin: 10px;
      float: left;
    }

    img.icon-dimen {
        width:32px;
        height: 32px;
    }

    img.video-icon {
      position:absolute;
      top:50%;
      left:50%;
      margin-top:-48px;
      margin-left:-46px;
    }

    img.en-todo-checked {
      vertical-align: middle;
      width:25px;
      height:25px;
      padding: 2px 4px 4px 2px;
    }

    img.en-todo-unchecked {
      vertical-align: middle;
      width:25px;
      height:25px;
      padding: 2px 4px 4px 2px;
    }

    .divider {
        height:24px;
        background-color:rgba(0,0,0,0.1);
        width:1px;
        float:right;
        margin-top:12px;
        margin-bottom:12px;
    }

</style>
<script src="content://com.evernote.evernoteprovider/notejs" type="text/javascript" language="JavaScript">
</script>
</head>
